import React, {PureComponent} from 'react'
import '../../css/problem-pos.scss'
class ProblemPos extends PureComponent {

    render() {
        const config = {
            title: '问题单及时关闭率',
            option: {},
            xAxisData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
            yAxisData: [{
                name: '郑州',
                data: [90, 50, 39, 50, 120, 90, 50, 39, 50, 120, 90, 50, 39, 50, 120, 90, 50, 39, 50, 120],
            }, {
                name: '永城',
                data: [80, 60, 39, 50, 100, 80, 60, 39, 50, 100, 80, 60, 39, 50, 100, 80, 60, 39, 50, 100],
            }]
        }

        const pieData = {
            title: '问题处置概况',
            option: {},
            data: [{
                value: 480,
                name: '未完成'
            }, {
                value: 320,
                name: '已完成'
            }]
        }
        const data = [
            {
                name: 'H3C',
                img: 'h3c',
                key: 'h3c',
                device: '34DFSDFGDSDD_3'
            },
            {
                name: 'FLASH',
                img: 'feixu',
                key: 'flash',
                device: '34DFSDFGDSDD_3'
            },
            {
                name: 'SHINWA',
                img: 'xinhua',
                key: 'xinhua',
                device: '34DFSDFGDSDD_3'
            },
            {
                name: 'EASTCOM',
                img: 'dongxin',
                key: 'EASTCOM',
                device: '34DFSDFGDSDD_3'
            },
            {
                name: 'ALLWINS',
                img: 'shuangying',
                key: 'ALLWINS',
                device: '34DFSDFGDSDD_3'
            },
            {
                name: 'SIE',
                img: 'tonghe',
                key: 'SIE',
                device: '34DFSDFGDSDD_3'
            },
            {
                name: 'DELTA',
                img: 'dachuang',
                key: 'DELTA',
                device: '34DFSDFGDSDD_3'
            },
        ]
        return (
            <div className="full-container">
                <ul className="problem-pos-ul">
                    {data.map(company => {
                        return <li key={`problem-pos-${company.key}`}>
                            <div className="problem-pos-icon">
                                <img src={`../images/business/${company.img}-green.png`}/>
                            </div>
                            <div className="problem-pos-info">
                                <p>{company.name}</p>
                                <p>{company.device}</p>
                            </div>
                        </li>
                    })}
                </ul>
            </div>
        )
    }

}

export default ProblemPos